@charset "utf-8";

/*//////// SITIO DE PROYECTO | MESJ /////////*/

body
	{
	background: #3096AF url(../images/FondoDegradee.png)  repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    }
	
/******************** ESTRUCTURA GENERAL ***********************/

#generalAlineador
	{
    	width: 850px;
    	margin: 0 auto;
    	text-align: left;
	}
	
#header
	{
		height:65px;
	}
	
	
#container
	{
	width:848px;
	background-color: #FFF;
	border:1px solid #D0D0D0;
	/*height: 1200px;*/
	}
	
#containerProyecto
	{
		width:848px;
		/*height: 600px;*/
		background-color: #FFF;
		border:1px solid #D0D0D0;
	}	
	
#containerGallery
	{
		width:848px;
		/*height: 785px;*/
		background-color: #FFF;
		border:1px solid #D0D0D0;
	}
		
	
#footer
	{
		height:67px;
		background-image:url(../images/Reflejo.png);
		background-repeat:repeat-x;
	}
	

/******************** CONTENIDO ENCABEZADO ***********************/

#logoMESJ	
	{
		top:5px;
		left: 10px;
		position:relative;
		float:left;
	}	
	
#tituloGeneral
	{
		top:25px;
		left:95px;
		position:relative;
		float:left;
	}
	
#escudo
	{
		top:7px;
		right:25px;
		position:relative;
		float:right;
	}	

#logoGobiernoSJ
	{
		top:7px;
		right:15px;
		position:relative;
		float:right;
	}
	
/******************** MENU dentro de ENCABEZADO ***********************/

		/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
		.qmmc .qmdivider
		{display:block;font-size:1px;border-width:0px;border-style:solid;}
		.qmmc .qmdividery{float:left;width:0px;}
		.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}
		.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
		.qmmc {position:relative;zoom:1;}
		.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}
		.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
		.qmsh div a {float:left;}
		.qmmc div{visibility:hidden;position:absolute;}
		.qmmc ul {left:-10000px;position:absolute;}
		.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
		.qmmc li a {float:none}
		.qmmc li{position:relative;}
		.qmmc ul {z-index:10;}
		.qmmc ul ul {z-index:20;}
		.qmmc ul ul ul {z-index:30;}
		.qmmc ul ul ul ul {z-index:40;}
		.qmmc ul ul ul ul ul {z-index:50;}
		li:hover>ul{left:auto;}
		
		#qm0 ul {top:13px;}
		#qm0 ul li:hover>ul{top:0px;left:100%;}
		
		
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 4px 5px 5px;
		color:#555555;
		font-family:Arial;
		font-size:10px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:4px;
		margin:-2px 0px 0px 0px;
		background-color:transparent;
		border-style:none;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:3px 10px 3px 5px;
		background-color:transparent;
		font-size:11px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		background-color:#000000;
		color:#CC0000;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DADADA;
		color:#CC0000;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#DADADA;
		background-color:#F7F7F7;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}

#fecha
	{
		width:230px;
		float:right;
		top: 0px;
		position:relative;
		z-index: 1;
		font-size:8pt;
		font-family:Arial;
		font-weight:normal;
		color:666666;
		text-align:right;
		padding-right: 15px;
		vertical-align:middle;
	}

.frase
	{
	font-weight:bolder;
	color:#006699;
	font-family: Arial;
	font-size: 11pt;

	}
		
.resaltadoLinkActivo
	{
		font-weight:bolder;
		color:#000000;
		font-family: Arial;
		font-size: 9pt;

	}
	
.resaltadoLinkActivoNoneUnderline
	{
		font-weight:bolder;
		color:#000000;
		text-decoration:none;
	}	



/******************** CONTENIDO CONTAINER ***********************/

#ContentDoble
{
		top:4%;
		padding: 0% 3% 0% 3%;
		width:72%;
		/*height:92%;*/
		position:relative;
		float:left;
		text-align:left;
		border-right: 1px solid #1586A2;
}

#ContentTriple
{
		top:4%;
		padding:0;
		width:100%;
		height:92%;
		position:relative;
		text-align:center;
}



#contentLeft
{
		top:4%;
		padding: 0% 3%;
		width:20%;
		height:92%;
		position:relative;
		float:left;
}


#imagenesLeft
{
		border-top: 10px solid #7ACDE0;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		padding: 1px;
		height: 129px;
		border-bottom:10px solid #FFBF00;
}

#imagenesLeftLogos
{
		border-top: 10px solid #7ACDE0;
		border-right:1px solid #ccc;
		border-left:1px solid #ccc;
		padding: 1px;
		height: 92%;
		border-bottom:10px solid #FFBF00;
}

#imagenesBottomLeft
{
		border-right:1px solid #FFBF00;
		border-left:1px solid #FFBF00;
		border-bottom:1px solid #FFBF00;
		height: 18px;
		text-align:right;
		font-family: Arial;
		font-size: 8pt;
		color: #666;
		padding-right: 3px;
		padding-top:2px;
}

#descripcionFoto
{
		font-family: Arial;
		font-size: 8pt;
		color: #000;
		font-weight: normal;
		text-align:left;
		line-height: 1.5;
		padding-top: 5px;
}

#fotoAmpliada
{
		border: 1px solid #999;
		padding: 1px;
		width: 377px;
		height: 250px;
}


#contenidosLeftExtras
{
		padding-top: 5px;
		text-align:left;
		font-family: Arial;
		font-size: 8pt;
		color: #666;
		vertical-align:middle;
		padding-right: 3px;
}

a.extras:link, a.recomendarNota:active, a.extras:visited
{
		font-family: Arial;
		font-size: 8pt;
		color:#666666;
		font-variant:normal;
		text-decoration:underline;
}

a.extras:hover 
{
		font-family: Arial;
		font-size: 8pt;
		color:#666;
		font-variant:normal;
		text-decoration:none;
}



#contentMiddle
{
		top:4%;
		padding: 0% 2% 0% 0%;
		width:46%;
		height:92%;
		position:relative;
		float:left;
		background-color:#FFF;
		border-right: 1px solid #1586A2;
}

#titulosMiddle
{
		font-family: Arial;
		font-size: 12pt;
		color:#168DAB;
		font-weight:bold;
		text-align:left;
		padding-bottom: 15px;
}

.titulosMiddleLight
{
		font-family: Arial;
		font-size: 11pt;
		color:#1BA9CB;
		font-weight:100;
		padding-bottom: 15px;
}
.titulosComentario
{
	font-family: Arial;
	font-size: 8pt;
	color:#BEBEBE;
	font-weight:normal;
}

#copeteMiddle
{
		font-family: Arial;
		font-size: 10.5pt;
		color:#7A7A7A;
		font-weight:normal;
		text-align:left;
		padding-bottom: 8px;
}


#mainTextMiddle
{
		font-family: Arial;
		font-size: 9pt;
		color:#333;
		font-variant:normal;
		text-align:justify;
		/*height:15px;*/
		vertical-align:top;
}

a.TextAutoridades
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
}

a.verMas:link, a.verMas:active, a.verMas:visited
{
		font-family: Arial;
		font-size: 8pt;
		color:#666666;
		font-variant:normal;
		text-decoration:underline;
		text-align:right;
}

a.verMas:hover 
{
		font-family: Arial;
		font-size: 8pt;
		color:#666;
		font-variant:normal;
		text-decoration:none;
		text-align:right;
}

.indentado
{
	padding-left: 10px;
}

.indentadoConSeparadores
{
	text-align:left;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	vertical-align:bottom;
}



#contentRight
{
		top:4%;
		padding: 0% 0% 0% 0%;
		margin-left:2%;
		width:16%;
		height:92%;
		position:relative;
		float:left;

}
.titulosRight
{
		font-family: Arial;
		font-size: 10pt;
		color:#1BA9CB;
		font-weight:bold;
		text-align:left;
		padding-bottom: 15px;
}
.titulosContentRight
{
		font-family: Arial;
		font-size: 10pt;
		color:#000000;
		font-variant:normal;
		padding-bottom: 2px;
		padding-top: 1px;
		border-bottom: 1px solid #AEDFEB;
}
.titulosContentLeft
{
	font-family: Arial;
	font-size: 10pt;
	color:#000000;
	font-variant:normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border-bottom: 1px dashed #AEDFEB;
	font-weight: bold;
}

#titulosSubContentLeft
{
	font-family: Arial;
	font-size: 10pt;
	color:#CCCCCC;
	font-variant:normal;
	padding-bottom: 2px;
	padding-top: 1px;
	border-bottom: 1px dashed #AEDFEB;
	text-indent: 10pt;
	font-weight: lighter;
}



a.submenu:link, a.submenu:active, a.submenu:visited
{
	font-family: Arial;
	font-size: 10pt;
	color:#000000;
	font-variant:normal;
	padding-bottom: 2px;
	text-decoration:none;
}

a.submenu:link, a.submenu:active, a.submenu:visited
{
	font-family: Arial;
	font-size: 10pt;
	color:#330000;
	font-variant:normal;
	padding-bottom: 2px;
	text-decoration:none;
	
}

a.submenu:hover 
{
	font-family: Arial;
	font-size: 10pt;
	color:#33CCFF;
	font-variant:bold;
	padding-bottom: 2px;
	text-decoration:none;
}

a.submenu2:link, a.submenu2:active, a.submenu2:visited
{
	font-family: Verdana;
	font-size: 10pt;
	color:#3096AF;
	font-variant:normal;
	padding-bottom: 2px;
	text-decoration:none;
	
}

a.submenu2:hover 
{
		font-family: Verdana;
		font-size: 10pt;
		color:#33CCFF;
		font-variant:normal;
		padding-bottom: 2px;
		text-decoration:none;
}



a.telefono:link, a.telefono:active, a.telefono:visited
{
	font-family: Arial;
	font-size: 8pt;
	color:#666666;
	font-variant:normal;
	padding-bottom: 2px;
	text-decoration:none;
	font-weight: bold;
	white-space: pre;
}

a.telefono:hover 
{
		font-family: Arial;
		font-size: 10pt;
		color:#3096AF;
		font-variant:normal;
		padding-bottom: 2px;
		text-decoration:none;
}

a.telefono2:link, a.telefono2:active, a.telefono2:visited
{
	font-family: Arial;
	font-size: 8pt;
	color:#666666;
	font-variant:normal;
	padding-bottom: 2px;
	text-decoration:none;
	font-weight: bold;
	white-space: pre;
}

a.telefono2:hover 
{
		font-family: Arial;
		color:#3096AF;
		font-variant:normal;
		padding-bottom: 2px;
		text-decoration:none;
}


a.submenuTitulos:link, a.submenuTitulos:active, a.submenuTitulos:visited
{
		font-family: Arial;
		font-size: 10pt;
		color:#000000;
		font-style:bold;
		padding-bottom: 2px;
		text-decoration:none;
}

a.submenuTitulos:hover 
{
		font-family: Arial;
		font-size: 10pt;
		color:#3096AF;
		font-style:bold;
		padding-bottom: 2px;
		text-decoration:none;
}
.separadorSubmenu
{
	height:12px;
}


#contentRight p
{
		font-family: Arial;
		font-size: 9pt;
		color:#666666;
		font-variant:normal;
}

#contentFotoRight
{
		padding-top:10px;
		text-align:center;
}

#EduAnimado2
{
	width:21%;
	/*padding-top: 320px;*/
	padding-left: 35px;
	float: left;
}

#textoEdu
{
	font-family:Arial;
	font-size: 12pt;
	color:#333;
	font-weight:light;
	text-align:left;
	line-height: 1.5;
	padding-right: 15px;
}

a.TextoEduVolver:link, a.TextoEduVolver:active, a.TextoEduVolver:visited
{
		font-family: Arial;
		font-size: 12pt;
		color:#000;
		font-style:bold;
		padding-bottom: 2px;
		text-decoration:none;
}

a.TextoEduVolver:hover 
{
		font-family: Arial;
		font-size: 12pt;
		color:#3096AF;
		font-style:bold;
		padding-bottom: 2px;
		text-decoration:underline;
}


#textoEduResaltado
{
	font-family:Arial;
	font-size: 13pt;
	color:#333;
	font-weight:bold;
	text-align:left;
	line-height: 1.5;
	padding-right: 15px;
	padding-top: 30px;
}


#Bubbles
{
	width:68%;
	padding-top: 20px;
	padding-left: 40px;
	float: right;
	border-left: 6px solid #4A4A4A;
}





/******************** CONTENIDO FOOTER ***********************/


#copyright
{
	color:#3096AF;
	font-family:Arial;
	font-size:7.5pt;
	text-align:center;
    padding: 5px 0;
}

/******************** telefonos ***********************/

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
.commenthidden {display:none;}

.commenthidden2 {display:none;}
.commentshown {display:inline;}


/******************** redondear div ***********************/

.tablaRedonda{
	-moz-border-radius: 15px;
	border : 1px none #C8C8C8;
	padding-left : 5px;
	padding-right : 5px;
}

.DestacadoTexto {
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	text-decoration: none;
}
.menuv/******************** Menu ***********************/

 {
	border: 0px dashed #ACCFE8;
	border-width: 1px 0px 0 0px;
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
.menuv  ul, li {
list-style-type: none;
}
.menuv  ul {
margin: 0;
padding: 0;
}
.menuv  li {
border-bottom: 1px dashed #ACCFE8;
}
.menuv  a {
text-decoration:none;
color: #3366CC;
background: #F1FCFE;
display: block;
padding: 3px 6px;
width: 150px;
}
.menuv  a:hover {
background: #DBEBF6;
} 
.menuv2 {
	width: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	
}
.menuv2  a {
text-decoration:none;
color: #3096AF;
display: block;
padding: 3px 15px;
border-bottom: 1px dashed #AEDFEB;
}
.menuv2  a:hover {
background:#F7F7F7;
color:#003366;
border-left-style:outset;
} 

#menuv2 {
	width: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	
}
#menuv2 a {
text-decoration:none;
color: #3096AF;
display: block;
padding: 3px 15px;
border-bottom: 1px dashed #AEDFEB;
}

#menuv2 a:hover {
background:#F7F7F7;
color:#003366;
border-left-style:outset;
} 

**********************************
.menuv4 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	
}
.menuv4  a {
text-decoration:none;
color: #3096AF;
display: block;

border-bottom: 1px dashed #AEDFEB;
}
.menuv4  a:hover {
background:#F7F7F7;
color:#003366;
border-left-style:outset;
} 

#menuv4 {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	
}
#menuv4 a {
text-decoration:none;
color: #3096AF;
display: block;

border-bottom: 1px dashed #AEDFEB;
}

#menuv4 a:hover {
background:#F7F7F7;
color:#003366;
border-left-style:outset;
} 



.menuv3 {
	width: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	
}
.menuv3  a {
text-decoration:none;
color: #003366;
display: block;
padding: 3px 15px;
border-bottom: 1px solid #AEDFEB;
}
.menuv3  a:hover {

background:#F7F7F7;
color:#0066CC;
border-left-style:outset;
} 
.colorAzul{
color:#006699;
}
.barra_izq {
	background-image: url(../images/left_cap.gif);
}
.tablaPrincipal {
	border-top-color: #D0D0D0;
	border-right-color: #D0D0D0;
	border-bottom-color: #D0D0D0;
	border-left-color: #D0D0D0;
}

.barra_cent {
	background-image: url(../images/center_tile.gif);
}
.barra_der {
	background-image: url(../images/right_cap.gif);
}
.barra_ref {
	background-image: url(../images/Reflejo.png);
}
